<template>
    <h2>我是About的内容</h2>
</template>
<script>
import Vue from 'vue';
export default Vue.extend({
    name: 'About',
    mounted() {
        console.log("About组件挂载完毕");
        window.aboutRoute = this.$route // 而各个组件的route就不一样
        window.aboutRouter = this.$router // window.homeRouter===window.aboutRouter true，因为一个应用就只有一个路由器
    },
    beforeDestroy() {
        // $route 是每个vc身上自己有的路由规则
        // $router 是整个应用的路由器，相当于所有 $route 被它管理
        console.log("About组件即将销毁", this);
    }
})
</script>